<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Author" contect="http://www.webqin.net">
    <title>德蒙斯特线上商城</title>
    <link rel="shortcut icon" href="/images/favicon.ico"/>

    <!-- Bootstrap -->
    <link th:href="@{https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css}"
          href="/static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/response.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <style>
        body{
            background-color: #f1f1f1;
        }
    </style>
</head>
<body>
<div class="maincont">
    <header>
        <a href="javascript:history.back(-1)" class="back-off fl"><span
                class="glyphicon glyphicon-menu-left"></span></a>
        <div class="head-mid">
            <h1>我的订单</h1>
        </div>
    </header>
    <!--<div class="head-top">-->
    <!--<img src="/images/head.jpg" />-->
    <!--</div>&lt;!&ndash;head-top/&ndash;&gt;-->

    <div class="zhaieq oredereq">
        <a href="javascript:;" class="zhaiCur">待付款</a>
        <a href="javascript:;">待发货</a>
        <a href="javascript:;" style="background:none;">已完成</a>
        <div class="clearfix"></div>
    </div><!--oredereq/-->

    <div class="dingdanlist" th:each="item,itemStatus:${orderInfo.orderList}">
        <table>
            <tr>
                <td colspan="2" width="65%">订单号：<strong th:text="${item.order.orderId}">PO20150819111145</strong></td>
                <td width="35%" align="right">
                    <div class="qingqu">
                        <a href="javascript:;" th:if="${item.order.orderStatus}==5" class="orange">未支付</a>
                        <a href="javascript:;" th:if="${item.order.orderStatus}==6" class="orange">待收货</a>
                        <a href="javascript:;" th:if="${item.order.orderStatus}==1" class="orange">已完成</a>
                    </div>
                </td>
            </tr>

            <tr th:each="product, productStatus:${item.products}">
                <td class="dingimg" width="15%"><img th:src="'http://file.demengsite.cn/'+${product.productImag}" src="/images/pro1.jpg"/></td>
                <td width="50%">
                    <h3 th:text="${product.productName}">三级分销农庄有机瓢瓜400g</h3>
                    <time th:text="${product.colorName}+' '+${product.sizeName}">下单时间：2015-08-11 13:51</time>
                </td>
                <td align="right"><img src="/images/jian-new.png"/></td>
            </tr>

            <tr>
                <th colspan="3">
                    <strong class="orange" th:text="${item.order.totalPrice}">¥36.60</strong>
                    <a  th:href="'/order/cancelOrder?orderId='+${item.order.orderId}" th:if="${item.order.orderStatus}==5 or ${item.order.orderStatus}==6 " style="float: right" class="btn btn-default"  >取消订单</a>
                    <a  th:if="${item.order.orderStatus}==5" th:href="'/order/showPay?orderId='+${item.order.orderId}" style="float: right" class="btn btn-success"  >现在支付</a>
                </th>
            </tr>
        </table>
    </div><!--dingdanlist/-->


    <div class="height1"></div>
    <div th:include="indexMacro::index_bottom" class="footNav"></div>

</div><!--maincont-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/js/style.js"></script>
<!--jq加减-->
<script src="/js/jquery.spinner.js"></script>

<script>

</script>

</body>
</html>